<html lang="zh-cn">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-Control" content="no-cache">
		<meta http-equiv="Expires" content="0">
		<meta name="renderer" content="webkit">
		<title>时间日志</title>
		<link href="https://res-front-cdn.timetask.cn/release/app.6689eaa302.css" rel="stylesheet">
		<link rel="shortcut icon" href="https://res-front-cdn.timetask.cn/common/img/web-icon/icon.png" type="image/x-icon">
		<link href="./frame_files/app.bb9deb9e54.css" rel="stylesheet">
		<link href="animate.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/taskDetail.css" />
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-default/index.css">
		<!--<link rel="stylesheet" type="text/css" href="css/myVue.css" />-->
		<style type="text/css">
			.weatherAndSwitchView .switch3Ul{
				width: 240px;
			}
			.storageBox #storageAddInputLi textarea {
				width: 100%;
				border: none;
				background: none;
				resize: none;
				line-height: 20px;
			}
			
			.storageBox #storageAddInputLi {
				padding-top: 10px;
				padding-bottom: 10px;
			}
			
			.weatherAndSwitchView {
				z-index: 9;
			}
			
			.item {
				vertical-align: middle;
			}
			
			.item input[type=radio] {
				display: inline-block;
			}
			
			.kanban-main-warp .addCard>ul li .icon-add_circle {
				font-size: 50px;
			}
			
			.kanban-main-warp .addCard>ul li span {
				display: inline-block;
				max-width: 100%;
				text-align: center;
				text-overflow: ellipsis;
				white-space: nowrap;
				margin: 0 auto;
				cursor: pointer;
				color: #8c8c8c;
				font-size: .75rem;
				-webkit-transition: all .3s;
				transition: all .3s;
			}
			
			.kanban-main-warp .addCard>ul li {
				display: block;
				width: 50px;
				text-align: center;
			}
			
			.kanban-main-warp .addCard>ul li:first-child {
				width: 50px;
			}
			
			.kanban-main-warp .addCard>ul li:last-child {
				margin-top: 30px;
			}
			
			.kanban-main-warp .addCard>ul {
				margin: 6px auto;
				height: 22px;
				text-align: center;
				width: 50px;
			}
			
			.storageBox #storageAddInputLi {
				height: auto;
			}
			
			.storageBox #storageUlDiv {
				top: 120px;
			}
			
			.storageBox #storageAddInputLi span {
				bottom: 7px;
			}
			
			.type_filter .prolist li.active {
				border-radius: 6px;
				background: white;
				color: #1ba4ff;
			}
			
			.type_filter .prolist li {
				padding: 0 10px;
			}
			
			#hl-switch {
				width: auto;
				position: absolute;
				right: 500px;
				top: 22px;
				display: block;
				line-height: 60px;
				text-align: center;
			}
			
			#menu-show {
				position: absolute;
				top: 16px;
				left: 300px;
				background: #1ba4ff;
				border-radius: 6px;
				padding: 0 10px;
				cursor: pointer;
			}
			
			#menu-show li {
				float: left;
				color: white;
			}
			
			#menu-show li:first-child {
				font-size: 26px;
				line-height: 32px;
			}
			
			#menu-show li:last-child {
				font-size: 12px;
				line-height: 32px;
				margin-left: 3px;
			}
			
			input[type="checkbox"] {
				display: none;
			}
			
			input[type="checkbox"]+label {
				display: inline-block;
				width: 40px;
				height: 20px;
				position: relative;
				-webkit-transition: 0.3s;
				transition: 0.3s;
				margin: 0px 20px;
				box-sizing: border-box;
			}
			
			input[type="checkbox"]+label:after {
				content: '';
				display: block;
				position: absolute;
				left: 0px;
				top: 0px;
				width: 20px;
				height: 20px;
				-webkit-transition: 0.3s;
				transition: 0.3s;
				cursor: pointer;
			}
			
			#simple_1:checked+label.red,
			#simple_2:checked+label.red,
			#simple_3:checked+label.red {
				background: #ECA9A7;
			}
			
			#simple_1:checked+label.red:after,
			#simple_2:checked+label.red:after,
			#simple_3:checked+label.red:after {
				background: #D9534F;
			}
			
			#simple_1:checked+label.green,
			#simple_2:checked+label.green,
			#simple_3:checked+label.green {
				background: #AEDCAE;
			}
			
			#simple_1:checked+label.green:after,
			#simple_2:checked+label.green:after,
			#simple_3:checked+label.green:after {
				background: #5CB85C;
			}
			
			#simple_1:checked+label:after,
			#simple_2:checked+label:after,
			#simple_3:checked+label:after {
				left: calc(100% - 20px);
			}
			
			#simple_1+label,
			#simple_2+label,
			#simple_3+label {
				background: #ddd;
				border-radius: 20px;
				box-shadow: 1px 1px 3px #aaa;
			}
			
			#simple_1+label:after,
			#simple_2+label:after,
			#simple_3+label:after {
				background: #fff;
				border-radius: 50%;
				box-shadow: 1px 1px 3px #aaa;
			}
			
			#md_1:checked+label.red,
			#md_2:checked+label.red,
			#md_3:checked+label.red {
				background: #ECA9A7;
			}
			
			#md_1:checked+label.red:after,
			#md_2:checked+label.red:after,
			#md_3:checked+label.red:after {
				background: #D9534F;
			}
			
			#md_1:checked+label.green,
			#md_2:checked+label.green,
			#md_3:checked+label.green {
				background: #AEDCAE;
			}
			
			#md_1:checked+label.green:after,
			#md_2:checked+label.green:after,
			#md_3:checked+label.green:after {
				background: #5CB85C;
			}
			
			#md_1:checked+label:after,
			#md_2:checked+label:after,
			#md_3:checked+label:after {
				left: calc(100% - 20px);
			}
			
			#md_1+label,
			#md_2+label,
			#md_3+label {
				background: #ddd;
				border-radius: 20px;
				height: 10px;
			}
			
			#md_1+label:after,
			#md_2+label:after,
			#md_3+label:after {
				background: #fff;
				border-radius: 50%;
				top: -5px;
				box-shadow: 0px 0px 3px #aaa;
			}
			
			#mds_1:checked+label.red,
			#mds_2:checked+label.red,
			#mds_3:checked+label.red {
				background: #ECA9A7;
			}
			
			#mds_1:checked+label.red:after,
			#mds_2:checked+label.red:after,
			#mds_3:checked+label.red:after {
				background: #D9534F;
			}
			
			#mds_1:checked+label.green,
			#mds_2:checked+label.green,
			#mds_3:checked+label.green {
				background: #AEDCAE;
			}
			
			#mds_1:checked+label.green:after,
			#mds_2:checked+label.green:after,
			#mds_3:checked+label.green:after {
				background: #5CB85C;
			}
			
			#mds_1:checked+label:after,
			#mds_2:checked+label:after,
			#mds_3:checked+label:after {
				left: calc(100% - 20px);
			}
			
			#mds_1+label,
			#mds_2+label,
			#mds_3+label {
				background: #ddd;
				height: 3px;
			}
			
			#mds_1+label:after,
			#mds_2+label:after,
			#mds_3+label:after {
				background: #fff;
				border-radius: 50%;
				top: -9px;
				box-shadow: 0px 0px 3px #aaa;
			}
			
			#border_1:checked+label.red,
			#border_2:checked+label.red,
			#border_3:checked+label.red {
				border-color: #ECA9A7;
			}
			
			#border_1:checked+label.red:after,
			#border_2:checked+label.red:after,
			#border_3:checked+label.red:after {
				background: #D9534F;
			}
			
			#border_1:checked+label.green,
			#border_2:checked+label.green,
			#border_3:checked+label.green {
				border-color: #AEDCAE;
			}
			
			#border_1:checked+label.green:after,
			#border_2:checked+label.green:after,
			#border_3:checked+label.green:after {
				background: #5CB85C;
			}
			
			#border_1:checked+label:after,
			#border_2:checked+label:after,
			#border_3:checked+label:after {
				left: calc(100% - 14px);
			}
			
			#border_1+label,
			#border_2+label,
			#border_3+label {
				border: 2px solid #ddd;
				border-radius: 20px;
			}
			
			#border_1+label:after,
			#border_2+label:after,
			#border_3+label:after {
				background: #ddd;
				border-radius: 50%;
				width: 12px;
				height: 12px;
				top: 2px;
				left: 2px;
			}
			
			#inset_1:checked+label.red,
			#inset_2:checked+label.red,
			#inset_3:checked+label.red {
				background: #ECA9A7;
			}
			
			#inset_1:checked+label.red:after,
			#inset_2:checked+label.red:after,
			#inset_3:checked+label.red:after {
				background: #D9534F;
			}
			
			#inset_1:checked+label.green,
			#inset_2:checked+label.green,
			#inset_3:checked+label.green {
				background: #AEDCAE;
			}
			
			#inset_1:checked+label.green:after,
			#inset_2:checked+label.green:after,
			#inset_3:checked+label.green:after {
				background: #5CB85C;
			}
			
			#inset_1:checked+label:after,
			#inset_2:checked+label:after,
			#inset_3:checked+label:after {
				left: calc(100% - 18px);
			}
			
			#inset_1+label,
			#inset_2+label,
			#inset_3+label {
				background: #ddd;
				border-radius: 20px;
			}
			
			#inset_1+label:after,
			#inset_2+label:after,
			#inset_3+label:after {
				background: #fff;
				border-radius: 50%;
				width: 16px;
				height: 16px;
				top: 2px;
				left: 2px;
			}
			
			#box_1:checked+label.red,
			#box_2:checked+label.red,
			#box_3:checked+label.red {
				background: #ECA9A7;
			}
			
			#box_1:checked+label.red:after,
			#box_2:checked+label.red:after,
			#box_3:checked+label.red:after {
				background: #D9534F;
			}
			
			#box_1:checked+label.green,
			#box_2:checked+label.green,
			#box_3:checked+label.green {
				background: #AEDCAE;
			}
			
			#box_1:checked+label.green:after,
			#box_2:checked+label.green:after,
			#box_3:checked+label.green:after {
				background: #5CB85C;
			}
			
			#box_1:checked+label:after,
			#box_2:checked+label:after,
			#box_3:checked+label:after {
				left: calc(100% - 18px);
			}
			
			#box_1+label,
			#box_2+label,
			#box_3+label {
				background: #ddd;
			}
			
			#box_1+label:after,
			#box_2+label:after,
			#box_3+label:after {
				background: #fff;
				width: 16px;
				height: 16px;
				top: 2px;
				left: 2px;
			}
			/*created by gary*/
			
			.kanban-Item-container {
				position: relative;
			}
			
			.kanban-Item-container .right .row1 {
				width: 115px;
				position: relative;
			}
			
			.kanban-Item-container .right .portrait-container {
				float: right;
				padding-right: 5px;
			}
			
			.kanban-Item-container .right .portrait-container .portrait {
				width: 24px;
				height: 24px;
				float: right;
				margin-left: 5px;
				margin-top: 4px;
			}
			
			.kanban-Item-container .portrait-container .time {
				float: right;
				color: #666;
				line-height: 32px;
			}
			
			.kanban-Item-container:before {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				height: 100%;
				width: 4px;
				background: #1ba4ff;
			}
			
			.kanban-Item-container .right .row1 .receive-btn {
				display: none;
				padding: 0 12px;
				position: absolute;
				z-index: 2;
				border-radius: 13px;
				right: -75px;
				top: 1px;
				background: #1ba4ff;
				text-align: center;
				color: #fff;
			}
			/*时间轴*/
			
			.container-right-content .time-line {
				position: absolute;
				left: -25px;
				top: 125px;
				color: #990000;
				z-index: 100;
				overflow: hidden;
				display: none;
			}
			
			.container-right-content .time-line .time-line-container {
				position: relative;
				top: 0;
			}
			
			.container-right-content .time-line p {
				margin-bottom: 23px;
				height: 25px;
				line-height: 25px;
			}
			/*任务详情*/
			
			.kanban-main-warp .kanban-main-container {
				right: 70px;
			}
			
			.task-detail-container {
				position: absolute;
				top: 64px;
				bottom: 32px;
				right: -400px;
				background: #fff;
				z-index: 1000;
				display: none;
			}
			
			.todoView .dayView {
				position: absolute;
				right: 0;
				left: auto;
				opacity: 1;
				width: 60px;
				min-width: 60px;
			}
			
			.storageBox #storageAddInputLi textarea {
				max-height: 80px;
			}
			
			.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) {
				height: 40px;
			}
			/*日期选择器*/
			#datePicker{
				float:right;
				margin-top: 16px;
			}
			
			#datePicker .el-date-editor.el-input{
				width:120px;
			}
			#datePicker .el-input__inner{
				height:32px;
			}
			/*收纳箱缩小*/
			.container-left-content .show-box{
				position: absolute;
				top:0;
				right:0;
				left:0;
				bottom:0;
				background:#157dc7;
				z-index: 100;
				display: none;
				cursor: pointer;
			}
			.container-left-content .show-box .icon-right{
				font-size: 18px;
				position: absolute;
				top:50%;
				left:50%;
				margin-top:-9px;
				margin-left:-9px;
				color:#fff;
			}
			.el-tabs__header{
				margin-top: 10px;
			}
			.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
				border-bottom-color: #157dc7;
				color: #Fff;
			}
			.el-tabs__item {
				color: #fff;
			}
			.storageBox #left-box-container2{
				position: absolute;
			    top: 70px;
			    bottom: 0;
			    left: 1.125rem;
			    right: 0;
			    overflow: hidden;
			}
			.storageBox #left-box-container2>ul{
				    overflow-y: auto;
				    overflow-x: hidden;
				    position: absolute;
				    top: 0;
				    left:0;
				    bottom: .625rem;
				    right: 6px;
			}
		</style>
	</head>

	<body id="mainBody" class="chrome webkit win modal-open" style="overflow-x: hidden;">
		<div id="nTalk_post_hiddenElement" style="left: -10px; top: -10px; visibility: hidden; display: none; width: 1px; height: 1px;"></div>
		<script type="text/javascript">
			if(window.RsqLoading) {
				window.RsqLoading.start('entrance-loading-animate');
			}
		</script>
		<header id="navigator">
			
			<div class="container-fluid navbar nav-container">
				<div class="row">
					<div class="brand">
						<a href="https://www.rishiqing.com/app/todo" style="cursor: pointer;">
							<img src="" height="32">
						</a>
					</div>
					<div class="col-sm-9">
						<ul class="nav nav-pills">
							<li class="nav-item active trigger-inside-modal-close" data-type="todo">
								<a class="nav-link type-body2-black" href="https://www.rishiqing.com/app/todo">任务</a>
							</li>
							<li class="nav-item  trigger-inside-modal-close" data-type="doc">
								<a class="nav-link type-body2-black" href="note.html">笔记</a>
							</li>
							<li class="nav-item  trigger-inside-modal-close" data-type="company">
								<a class="nav-link type-body2-black" href="https://www.rishiqing.com/app/company">市场</a>
							</li>
							<li class="nav-item  trigger-inside-modal-close" data-type="company">
								<a class="nav-link type-body2-black" href="https://www.rishiqing.com/app/company">群组</a>
							</li>
						</ul>
					</div>
					<div class="nav-right">
						<img class="vip vip-btn tooltipstered" src="./frame_files/personalCrowdfunding.a5b2f974a9.png" alt="vip" data-toggle="tooltip">
						<span class="btn hidden hack-pay"></span>
						<span class="btn pay-page-btn hidden"></span>
						<span class="alertRingBtn" style="display: none"></span>
						<div class="user-profile type-body2-black dropdown">
							<div class="dropdown-toggle" data-toggle="dropdown">
								<img class="avatar" src="./frame_files/_large_avatar155568.png" alt="">
								<span class="name">姜禄建</span>
							</div>
							<ul class="userSettings dropdown-menu dropdown-menu-right">
								<li>
									<a href="javascript:;" class="dropdown-item personalSettingBtn">个人设置</a>
								</li>
								<!-- <li><a href="javascript:;" class="dropdown-item">帮助中心</a></li>
          <li><a href="javascript:;" class="dropdown-item">用户社区</a></li>
          <li><a href="javascript:;" class="dropdown-item">建议反馈</a></li>
          <li><a href="javascript:;" class="dropdown-item">下载应用</a></li>
          <li class="dropdown-divider"></li> -->
								<li class="dropdown-item version" data-auto-close="false">版本 v6.15.74</li>
								<li class="dropdown-divider"></li>
								<li>
									<a href="https://www.rishiqing.com/task/logout/index" data-bypass="" class="dropdown-item">退出</a>
								</li>
							</ul>
						</div>
						<ul class="menu-list">
							<li class="showNotifications popover-toggle"><i class="icon-notifications"></i><span class="unRead-mesage-num" style="display: none;"></span></li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		<div id="mainContent" style="background: none;">
			<div class="kanban-view">
				<div class="container-left-content active">
					<div class="show-box">
						<div class="icon-right el-icon-d-arrow-right">
							
						</div>
					</div>
					<div class="storageBox animated RSQ_fadeInLeft" id="storageBox">
						<header>
							<!--<span> 收纳箱<i class="el-icon-caret-bottom el-icon--right"></i></span>-->
							<template>
							  <el-tabs v-model="taskTab" type="card" @tab-click="tabClick" >
							    <el-tab-pane label="收纳箱" name="first"></el-tab-pane>
							    <el-tab-pane label="任务清单" name="second"></el-tab-pane>
							  </el-tabs>
							</template>
							<!--<el-dropdown trigger="click">
						      <span class="el-dropdown-link">
						        收纳箱<i class="el-icon-caret-bottom el-icon--right"></i>
						      </span>
						      <el-dropdown-menu slot="dropdown">
						        <el-dropdown-item>黄金糕</el-dropdown-item>
						        <el-dropdown-item>狮子头</el-dropdown-item>
						        <el-dropdown-item>螺蛳粉</el-dropdown-item>
						        <el-dropdown-item>双皮奶</el-dropdown-item>
						        <el-dropdown-item>蚵仔煎</el-dropdown-item>
						      </el-dropdown-menu>
						    </el-dropdown>-->
							<div class="inboxDropDown dropDown" style="border:0">
								<i class="dropdown-toggle el-icon-d-arrow-left hide-box" data-toggle="dropdown" aria-expanded="false"></i>
								<ul class="dropdown-menu dropdown-menu-right " data-auto-close="false" style="top: 100%; bottom: auto;">
									<li class="item quad1"><span>重要且紧急 </span><i class="icon-check"></i></li>
								</ul>
							</div>
							
						</header>
						<div id="left-box-container1">
						<div id="buttonDiv">
							<span id="storageAddBtn" style="display: none;">
						    <i class="icon icon-add"></i>
						    添加新任务
						 </span>
							<div id="storageAddInputLi" style="display: block;">
								<textarea id="storageAddInput" class="type-caption-white" rows="1" placeholder="任务标题"></textarea>
								<span id="storageAddBtn2" class="btn btn-primary">添加</span>
							</div>
						</div>
						<div id="storageUlDiv">
							<ul class="ui-sortable unsort">
								<!--<li class="item" data-id="8843338" data-from="kanban" data-scontainer="IE">
									<div class="taskItem clearfix">
										<div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i>
										<i class="icon-check check"></i>
										<div class="checkTail"></div>
										</span></div>
										<span class="ItemContent todo-item-content">6、你懂我吗</span>
										<i class="icon-ic_kanban_black_24px itemIcon"></i>
										<i class="icon-Group-17 tomato-clock-trigger" title="番茄钟"></i>
									</div>
								</li>-->
							</ul>
						</div>
						</div>
						<div id="left-box-container2" style="display: none;">
							<ul class="ui-sortable unsort" style="height: 100%;">
							</ul>
						</div>
						<hr>
					</div>
				</div>
				<div class="container-right">
					<div class="container-right-top-bg"></div>
					<div class="container-right-bottom-bg"></div>
					<div class="container-right-content">
						<div class="time-line">
							<div class="time-line-container">

							</div>
						</div>
						<div class="weatherAndSwitchView animated RSQ_fadeInRight">
							<div class="switch3Ul blue" style="left: 0;" id='timeTab'>
								<div class="activeCircle center"></div>
								<ul class="inUl sortType" id='xx'>
									<li class="switchLeft">日</li>
									<li class="switchCenter active">周</li>
									<li class="switchRight">月</li>
									<li class="switchRight">年</li>
									<li class="switchRight">项目</li>
									<li class="switchRight">部门</li>
								</ul>
							</div>
							<div class="row" id='hl-switch'>
								<input type="checkbox" id="simple_3">
								<label for="simple_3" class="green"></label>
							</div>
							<ul id='menu-show' style="display: none;">
								<li>
									<</li>
										<li>项目A</li>
							</ul>
							<div class="type_filter switch3Ul " style="width: 450px;">
								<ul class="inUl prolist projectList">
									<li class="item">
										无
									</li>
									<li class="item active">
										项目A
									</li>
									<li class="item">
										项目B
									</li>
									<li>
										项目C
									</li>
								</ul>
								<ul class="inUl prolist memberList" style="display: none;">
									<li class="item">
										全部
									</li>
									<li class="item">
										张三
									</li>
									<li class="item active">
										李四
									</li>
									<li>
										王五
									</li>
								</ul>
							</div>
							<div class="block" id="datePicker">
								<el-date-picker v-model="dateMonth" type="month" placeholder="选择月">
								</el-date-picker>
							</div>
						</div>
						<!-- 写右边的内容 -->
						<div class="kanban-main-warp animated fadeInLeft" style="display: block;">
							<div class="kanban-main-container content">
								<div class="kanbanCard-main-container">
									<div class="cardList-container-warp">
										<ul class="cardList-container ui-sortable">
											<li class="kanban-card-container animated" data-card-id="557602">
												<div class="kanban-card-container">
													<div class="kanban-card-warp">
														<div class="card-table">
															<div class="head-tr">
																<div class="header" style="display: block;">
																	<div class="attr">
																		<span>197B.半年红包</span>
																	</div>
																</div>
																<div class="card-rename" style="display: none;">
																	<input type="text" placeholder="卡片名称">
																	<span class="btn btn-primary save pull-right">保存</span>
																	<div style="clear: both"></div>
																</div>
																<i class="icon-add_circle addItem" style="display: inline;top: 12px;"></i>
															</div>
															<div class="body-tr">
																<div class="body-tr-container">
																	<div class="kanban-item-warp">
																		<ul class="kanban-item-list">
																			<div class="itemTop"></div>
																			<div class="kanbanItem-add" style="display: none;">
																				<textarea placeholder="任务标题"></textarea>
																				<input type="checkbox" name="">
																				<ul style="height:6px">
																				</ul>
																				<span class="btn btn-primary save">创建</span>
																				<span class="btn btn-secondary cancel">取消</span>
																				<div style="clear: both"></div>
																			</div>
																			<ul class="list-ul doing ui-sortable" style="min-height: 38px;width: 100%">
																				<li class="kanban-Item-container animated tooltipstered" testid="3461671">
																					<div class="left">
																						<div class="checkboxContainer">
																							<span class="diyCheckbox" style="cursor: pointer;"><i class="icon-check_box_outline_blank blank"> </i>
<i class="icon-check check"></i>
<div class="checkTail"></div>
</span></div>
																					</div>
																					<div class="right">
																						<div class="row1">
																							<span title="w18.后台显示访问数据 1h=" class="kanban-item-title">w18.后台显示访问数据 1h=</span>
																						</div>
																						<ul class="kanban-Item-issued otherInfo"></ul>
																						<div class="subTaskNode node"></div>
																						<div class="kanban-Item-subTask otherInfo" style="display: none;">
																							<ul>
																								<li class="font">
																									<i class="icon-format_list_bulleted"></i>
																								</li>
																								<li class="num">
																									<span class="before"></span>/<span class="after"></span>
																								</li>
																							</ul>
																						</div>
																						<div class="dateNode node"></div>
																						<div class="kanban-Item-date otherInfo">
																							<ul>
																								<li class="font">
																									<i class="icon-insert_invitation"></i>
																								</li>
																								<li class="beginDate">
																									<span></span>
																								</li>
																								<li class="endDate">
																									—<span></span>
																								</li>
																							</ul>
																						</div>
																						<div class="labelNode node"></div>
																					</div>
																					<div style="clear: both"></div>
																				</li>
																			</ul>
																			<ul class="list-ul done" style="min-height: 38px;width: 100%"></ul>
																		</ul>
																	</div>
																</div>
															</div>
														</div>
														<!--    <div class="kanban-item-warp">
        <ul class="kanban-item-list">
          <li class="top"></li>
          <li class="itemTop"></li>


          <li class="bottom">
            <ul class="bottomAdd">
              <li>
                <i class="icon-add"></i>
              </li>
              <li>
                <span>添加任务</span>
              </li>
            </ul>
          </li>
        </ul>
    </div>-->
														<div class="footer">
															<div class="bottom">
																<ul class="bottomAdd" style="display: block;">
																	<li>
																	</li>
																	<li>
																		<span>任务12/20  总时长</span>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												</div>
											</li>
										</ul>
										<div class="addCard" style=" height: 100%;width: 80px;">
											<ul class="addCard-ul">
												<li><i class="icon-add_circle addItem"></i></li>
												<li><span>新建</span></li>
											</ul>
											<div class="addCard-container">
												<input type="text" placeholder="卡片名称">
												<span class="btn btn-primary save">创建</span>
												<span class="btn btn-secondary cancel">取消</span>
												<div style="clear: both"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="task-detail-container">

							</div>
							<div class="select-date todoView">
								<div class="dayView">
									<div class="dayViewCalendar"><i class="iconArr icon-keyboard_arrow_up"></i>
										<i class="iconArr icon-keyboard_arrow_down"></i>
										<div class="leftHandel blink">
											<i class="iconArr"></i>
										</div>
										<i class="calendarCircle cc1"></i>
										<i class="calendarCircle cc2"></i>
										<ul class="dayViewCalendarUl">
											<li data-date="2017-06-18" data-week="周日" style="display: none;"><span data-week="周日" class="hasDian">18</span></li>
											<li data-date="2017-06-19" data-week="周一" style="display: none;"><span data-week="周一" class="hasDian">19</span></li>
											<li data-date="2017-06-20" data-week=" 周二 " style="display: none;"><span data-week=" 周二 " class="hasDian">20</span></li>
											<li data-date="2017-06-21" data-week="周三" style="display: none;"><span data-week="周三" class="hasDian">21</span></li>
											<li data-date="2017-06-22" data-week=" 周四 " style="display: none;"><span data-week=" 周四 " class="hasDian">22</span></li>
											<li id="showMonth" class="notItem" style="display: none;"><span></span></li>
											<li class="firstLi" data-date="2017-06-23" data-week="周五 "><span data-week="周五 " class="hasDian">23</span></li>
											<li data-date="2017-06-24" data-week="周六"><span data-week="周六" class="hasDian">24</span></li>
											<li data-date="2017-06-25" data-week="周日"><span data-week="周日" class="hasDian">25</span></li>
											<li data-date="2017-06-26" data-week="周一"><span data-week="周一" class="hasDian">26</span></li>
											<li data-date="2017-06-27" data-week=" 周二 "><span data-week=" 周二 " class="hasDian">27</span></li>
											<li data-date="2017-06-28" data-week="周三"><span class="active ui-droppable hasDian" data-week="周三">28</span></li>
											<li data-date="2017-06-29" data-week=" 周四 "><span data-week=" 周四 " class="ui-droppable hasDian">29</span></li>
											<li data-date="2017-06-30" data-week="周五 "><span data-week="周五 " class="ui-droppable hasDian">30</span></li>
											<li data-date="2017-07-01" data-week="周六"><span data-week="周六" class="ui-droppable hasDian">01</span></li>
											<li data-date="2017-07-02" data-week="周日"><span data-week="周日" class="ui-droppable hasDian">02</span></li>
											<li class="lastLi" data-date="2017-07-03" data-week="周一"><span data-week="周一" class="ui-droppable hasDian">03</span></li>
											<li id="gotoToday" class="notItem" style="display: none;"><span>今</span></li>
											<li data-date="2017-07-04" data-week=" 周二 " style="display: none;"><span class="hasDian">04</span></li>
											<li data-date="2017-07-05" data-week="周三" style="display: none;"><span class="hasDian">05</span></li>
											<li data-date="2017-07-06" data-week=" 周四 " style="display: none;"><span class="hasDian">06</span></li>
											<li data-date="2017-07-07" data-week="周五 " style="display: none;"><span class="hasDian">07</span></li>
											<li data-date="2017-07-08" data-week="周六" style="display: none;"><span class="hasDian">08</span></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		<div id="cli_dialog_div"></div>
		<div id="cli_dialog_div"></div>
		<div id="cli_dialog_div"></div>
		<script src="jquery-1.11.3.min.js"></script>
		<script src="jquery.hotkeys.js"></script>
		<script src="Sortable.js"></script>
		<script src="parseTlog.js"></script>
		<script src="underscore-min.js"></script>
		<script src="compare.js"></script>
		<script src="js-yaml.min.js"></script>
		<script src="moment.min.js"></script>
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<script type="text/javascript">
			String.prototype.format = function() {
				if(arguments.length == 0) return this;
				for(var s = this, i = 0; i < arguments.length; i++)
					s = s.replace(new RegExp("\\{" + i + "\\}", "g"), arguments[i]);
				return s;
			};
     
			$('.task-detail-container').load('taskDetail.html', function() {})
			$.get("z1flag.md", function(data) {

				var doc = jsyaml.load(data);
				// console.log(doc) ;
				for(var key in doc) {
					doc[key] = doc[key].replace(/#.*/, '');
				}  
                var tagArr = [] ;
                for(var key in doc){
                    tagArr.push({key:key,name:doc[key]});
                }     
                // $.ajax({
                //     url: 'http://thinkido.tunnel.qydev.com/api/z39tagitems',
                //     type: 'POST',
                //     contentType:"application/json",
                //     dataType:"json",
                //     data: JSON.stringify({tags:tagArr}),
                //     success: function(data) {
                        
                //         // console.log(data);
                //     }
                // });
				tagDic = doc;
				doInit();
				initSortable();
				// console.log(doc);
			});

			var liStr = '<li class="item task-{0}" data-id="{0}" data-from="kanban" data-scontainer="IE"><div class="taskItem clearfix"><div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"></i><i class="icon-check check"></i><div class="checkTail"></div></span></div><span class="ItemContent todo-item-content">{1}</span></div></li>';
			var listliStr = '<li class="kanban-Item-container task-{0} animated tooltipstered" data-id="{0}"><div class="left"><div class="checkboxContainer"><span class="diyCheckbox" style="cursor: pointer;"><i class="icon-check_box_outline_blank blank"></i><i class="icon-check check"></i><div class="checkTail"></div></span></div></div><div class="right"><div class="portrait-container"><img class="portrait" src="images/_large_avatar155568.png"/><div class="time">07-11</div></div><div class="row1"><span title="{1}" class="kanban-item-title">{1}</span><div class="receive-btn">领取</div></div><div class="dateNode node"></div></div></li>';
			var listliStr_done = '<li class="kanban-Item-container task-{0} finish animated tooltipstered" data-id="{0}"><div class="left"><div class="checkboxContainer"><span class="diyCheckbox checked" style="cursor: pointer;"><i class="icon-check_box_outline_blank blank"></i><i class="icon-check check"></i><div class="checkTail"></div></span></div></div><div class="right"><div class="portrait-container"><img class="portrait" src="images/_large_avatar155568.png"/><div class="time">07-11</div></div><div class="row1"><span title="{1}" class="kanban-item-title">{1}</span></div><div class="dateNode node"></div></div></li>';
			var listStr = '<li class="kanban-card-container list-{0} animated" data-card-id="{0}"><div class="kanban-card-container"><div class="kanban-card-warp"><div class="card-table"><div class="head-tr"><div class="header" style="display: block;"><div class="attr"><span>{1}</span></div></div><div class="card-rename" style="display: none;"><input type="text" placeholder="卡片名称"><span class="btn btn-primary save pull-right">保存</span><div style="clear: both"></div></div><i class="icon-add_circle addItem" style="display: inline;top: 12px;"></i></div><div class="body-tr"><div class="body-tr-container"><div class="kanban-item-warp"><ul class="kanban-item-list"><div class="itemTop"></div><div class="kanbanItem-add" style="display: none;"><textarea placeholder="任务标题"></textarea><input type="checkbox" name=""><ul style="height:6px"></ul><span class="btn btn-primary save">创建</span><span class="btn btn-secondary cancel">取消</span><div style="clear: both"></div></div><ul class="list-ul doing ui-sortable" style="min-height: 38px;width: 100%"></ul><ul class="list-ul done" style="min-height: 38px;width: 100%"></ul></ul></div></div></div></div><div class="footer"><div class="bottom" style="display:block"><ul class="bottomAdd" style="display: block;"><li></li><li><span>任务12/20  总时长</span></li></ul></div></div></div></div></li>';
			var editListliStr = '<li style="width:auto" class="kanban-Item-container {2}-{0} animated tooltipstered" ><div class="left"><div class="checkboxContainer"><span class="diyCheckbox"style="cursor: pointer;"><i class="icon-check_box_outline_blank blank"></i><i class="icon-check check"></i><div class="checkTail"></div></span></div></div><div class="right" style="width:auto"><div class="row1" style="width:auto"><span class="kanban-item-title">{1}</span></div></div><div style="clear: both"></div></li>';
			var editListStr = '<li class="kanban-card-container edit-{0} animated" data-card-id="557602" style="    width: 130px;"><div class="kanban-card-container"style="width: 130px;"><div class="kanban-card-warp"><div class="card-table"><div class="head-tr"><div class="header"style="display: block;"><div class="attr"><span>{1}</span></div></div><div class="card-rename"style="display: none;"><input type="text"placeholder="卡片名称"><span class="btn btn-primary save pull-right">保存</span><div style="clear: both"></div></div><i class="icon-add_circle addItem"style="display: inline;top: 12px;"></i></div><div class="body-tr"><div class="body-tr-container"><div class="kanban-item-warp"><ul class="kanban-item-list"><div class="itemTop"></div><div class="kanbanItem-add"style="display: none;"><textarea placeholder="任务标题"></textarea><input type="checkbox"name=""><ul style="height:6px"></ul><span class="btn btn-primary save">创建</span><span class="btn btn-secondary cancel">取消</span><div style="clear: both"></div></div><ul class="list-ul doing ui-sortable"style="min-height: 38px;width: 100%"></ul></ul></div></div></div></div><!--<div class="kanban-item-warp"><ul class="kanban-item-list"><li class="top"></li><li class="itemTop"></li><li class="bottom"><ul class="bottomAdd"><li><i class="icon-add"></i></li><li><span></span></li></ul></li></ul></div>--><div class="footer"><div class="bottom"><ul class="bottomAdd"style="display: block;"><li></li><li><span>-</span></li></ul></div></div></div></div></li>';
			// $.get("6-26.tlog", function(data) {
			var tasksDic = {},
				taskStrDic = {},
				proArr = [],
				currTasks;
			var TagCols = ["idea", "design", "art", "dev", "other", "question", "test", "bug", "operate", "business"];
				
			var TodayTag = ["today"];
			var EditTag = ["need", "flag", "member", "repeat", "project"];
			var needData = [{
				id: 1,
				value: "0:30"
			}, {
				id: 2,
				value: "1:30"
			}];
			var flagData = [{
				id: 1,
				value: "想法",
				key: "idea"
			}, {
				id: 2,
				value: "产品构思"
			}];
			var memberData = [{
				id: 1,
				value: "姜禄建"
			}, {
				id: 2,
				value: "熊超"
			}];
			var repeatData = [{
				id: 1,
				value: "周一"
			}, {
				id: 2,
				value: "周二"
			}];
			var projectData = [{
				id: 1,
				value: "时间日志"
			}, {
				id: 2,
				value: "录音电话"
			}];
			var editDic = {
				"need": needData,
				"flag": flagData,
				"member": memberData,
				"repeat": repeatData,
				"project": projectData
			};

			var weekTag = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
			var monthTag = ["weekTh1", "weekTh2", "weekTh3", "weekTh4"];
			var yearTag = ["monthTh1", "monthTh2", "monthTh3", "monthTh4", "monthTh5", "monthTh6", "monthTh7", "monthTh8", "monthTh9", "monthTh10", "monthTh11", "monthTh12"];

			function showToday(tasks) {
				var len = EditTag.length;
				var tempList = "";
				tempList += listStr.format("today", "今日任务");
				for(var i = 0; i <= len - 1; i++) {
					var tag = EditTag[i];
					tempList += editListStr.format(tag, tagDic[tag]);
				}
				$(".cardList-container").html(tempList);
				for(var i = 0; i <= len - 1; i++) {
					var tag = EditTag[i];
					var temp;
					temp = getEditLiStr(tag);
					$(".edit-" + tag + " .list-ul").html(temp);
				}
			}
			var dragSort=function(containerArr){
				containerArr.forEach(function(item){
					Sortable.create($(item+' .done')[0], {
			            ghostClass: ".dragArea",
			            scrollSensitivity: 50,
			            animation: 150,
			            group: "task",
			            onStart: showDrag,
			            onEnd: hideDrag
			        });
			        Sortable.create($(item+' .doing')[0], {
			            ghostClass: ".dragArea",
			            scrollSensitivity: 50,
			            animation: 150,
			            group: "task",
			            onStart: showDrag,
			            onEnd: hideDrag
			        });
				})
				
			}
			$(".sortType li").click(function(evt) {
				var index = $(this).index();
				var tar = $(".kanban-card-container .head-tr .active");
				var tarli = tar.parent().parent(); //.find(".kanban-item-list") ;
				var str = tarli.html();
				// console.log(index,str );
				if(index == 0) {
					showToday();
					dragSort(['.list-today'])
				} else if(index == 1) {
					showWeek();
					dragSort(['.list-monday','.list-tuesday','.list-wednesday','.list-thursday','.list-friday','.list-saturday','.list-sunday'])
				} else if(index == 2) {
					showMonth();
					dragSort(['.list-weekTh1','.list-weekTh2','.list-weekTh3','.list-weekTh4'])
				} else if(index == 3) {
					showYear();
					var sortArr=[];
					for(var i=1;i<13;i++){
						sortArr.push('.list-monthTh'+i)
					}
					dragSort(sortArr)
				} else if(index == 4) {
					initProject();
					showProject();
				} else if(index == 5) {
					showProList(str);
					dragSort(['.list-today'])
				}
				//时间轴滚动
				var firstListLength = $('.cardList-container>.kanban-card-container:first-child .kanban-item-warp li').length;
				$('.time-line').height($('.cardList-container>.kanban-card-container:first-child .kanban-item-warp').height() + 'px')
				var timeList = "";
				for(var i = 0; i < firstListLength; i++) {
					timeList += "<p>18:50</p>"
				}
				$('.time-line-container').html(timeList);
				$('body .cardList-container>.kanban-card-container:first-child .kanban-item-warp:first-child').scroll(function(e) {
					$('.time-line-container').animate({
						top: '-' + $(this).scrollTop() + 'px'
					}, 0)
				})
				//显示隐藏订单详情
				$('.task-detail-container').css({
					right: '-400px'
				})
				if(index<4){
					$('.kanban-main-warp .kanban-main-container').css({
						right: '70px'
					}, 300)
					$('.dayView').show()
				}else{
					$('.kanban-main-warp .kanban-main-container').css({
						right: '0px'
					}, 300)
					$('.dayView').hide()
				}
				if(index==0){
					$('.container-right-content .time-line').show();
				}else{
					$('.container-right-content .time-line').hide();
				}
				//顶部日周月年点击
				$(this).addClass('active');
				$(this).siblings().removeClass('active');
				$('#timeTab .activeCircle').animate({
					left: (index - 1) * 40 + 'px'
				}, 300)
			})
			/**
			 * 像是项目单列任务,便于编辑分类.
			 * 移动原列表中的内容到 新列中,退出列表模式在把列表内容移动回去.
			 * 如果不是移动,直接复制. 或移动卡片已有更多工作. 
			 * 移动 内容ul kanban-item-list
			 * @param  {[type]} tar [description]
			 * @return {[]}     []
			 */
			function showProList(tarStr) {
				var len = EditTag.length;
				var tempList = "";
				tempList += listStr.format("today", "今日任务");
				for(var i = 0; i <= len - 1; i++) {
					var tag = EditTag[i];
					tempList += editListStr.format(tag, tagDic[tag]);
				}
				$(".cardList-container").html(tempList);
				$(".cardList-container li").eq(0).find(".card-table").html(tarStr);
				for(var i = 0; i <= len - 1; i++) {
					var tag = EditTag[i];
					var temp;
					temp = getEditLiStr(tag);
					$(".edit-" + tag + " .list-ul").html(temp);
				}
			}

			function showWeek() {
				var tempList = "";
				for(var i = 0; i <= weekTag.length - 1; i++) {
					var tag = weekTag[i];
					tempList += listStr.format(tag, tagDic[tag]);
				};
				$(".cardList-container").html(tempList);
			}

			function showMonth() {
				var tempList = "";
				for(var i = 0; i <= monthTag.length - 1; i++) {
					var tag = monthTag[i];
					tempList += listStr.format(tag, tagDic[tag]);
				};
				$(".cardList-container").html(tempList);
			}

			function showYear() {
				var tempList = "";
				for(var i = 0; i <= yearTag.length - 1; i++) {
					var tag = yearTag[i];
					tempList += listStr.format(tag, tagDic[tag]);
				};
				$(".cardList-container").html(tempList);
			}

			function getEditLiStr(tag) {
				var str = "";
				var tarArr = editDic[tag];
				var len = tarArr.length;
				for(var i = 0; i <= len - 1; i++) {
					var item = tarArr[i];
					str += editListliStr.format(item.id, item.value, tag);
				}
				return str;
			}

			function initProject() {
				var tempList = "";
				for(var i = 0; i <= TagCols.length - 1; i++) {
					var tag = TagCols[i];
					tempList += listStr.format(tag, tagDic[tag] +" -"+(i +1));
				};
				$(".cardList-container").html(tempList);
				$(".kanban-card-container .header").eq(0).addClass("active");

			}

			function showProject() {
				var tasks = currTasks,
					taskStr = '',
					task;
				var tempList = "";
				var key = "";
				taskStrDic = {};
				for(var i = tasks.length - 1; i >= 0; i--) {
					task = tasks[i];
					task.id = (tasks.length - i);
					var keys = _.keys(task.tags);
					key = _.intersection(keys, TagCols);
					if(key.length > 0) {
						key = key[0]; //数组只有一个数据, 否则有问题. 17-07-21 14:09
						if(taskStrDic[key] == undefined) {
							taskStrDic[key] = "";
						}
						if(taskStrDic[key + "done"] == undefined) {
							taskStrDic[key + "done"] = "";
						}
						if(task.tags["done"] == undefined) {
							taskStrDic[key] += listliStr.format(task.id, task.id + "." + task.title);
						} else {
							taskStrDic[key + "done"] += listliStr_done.format(task.id, task.id + "." + task.title);
						}
					} else {
						taskStr += liStr.format(task.id, task.id + "." + task.title);
					}
					tasksDic[task.id] = task;
				};

				for(var flag in taskStrDic) {
					$('.list-' + flag + ' .doing').html(taskStrDic[flag]);
					$('.list-' + flag + ' .done').html(taskStrDic[flag + "done"]);
					reCalcTask(flag);
				};
				$('#storageUlDiv .ui-sortable ').html(taskStr);
				console.log(TagCols)
				for(var i = 0; i <= TagCols.length - 1; i++) {
					var tag = TagCols[i];
					tempList += listStr.format(tag, tagDic[tag] );
					var sortOpts = {
						ghostClass: ".dragArea",
						scrollSensitivity: 50,
						animation: 150,
						group: "task",
						onAdd: function( /**Event*/ evt) {
							resetTaskli(evt.item, true);
						},
						onStart: showDrag,
						onEnd: hideDrag
					};
					Sortable.create($('.list-' + tag + ' .doing')[0], sortOpts);
					Sortable.create($('.list-' + tag + ' .done')[0], sortOpts);
				};
			}

			function doInit() {
				// showYear();
				// showWeek();
				// showToday();
				// return ;
				initProject();

				$.get("z39timelog.tlog", function(data) {
					proArr = parseTlog(data);
					// console.log(getDayMD(proArr));
					var tasks = proArr[0].tasks,
						taskStr = '',
						task;
					tasks = tasks.sort(function(t1, t2) {
						return t1.tags["created"] < t2.tags["created"];
					});
					currTasks = tasks;
					showProject();
					var firstListLength = $('.cardList-container>.kanban-card-container:first-child .kanban-item-warp li').length;
					$('.time-line').height($('.cardList-container>.kanban-card-container:first-child .kanban-item-warp').height() + 'px')
					var timeList = "";
					for(var i = 0; i < firstListLength; i++) {
						timeList += "<p>18:50</p>"
					}
					$('.time-line-container').html(timeList);
					$('body .cardList-container>.kanban-card-container:first-child .kanban-item-warp:first-child').scroll(function(e) {
						$('.time-line-container').animate({
							top: '-' + $(this).scrollTop() + 'px'
						}, 0)
					})
					// console.log(proArr);
				});
				initLiclick();
				initTaskClick();
			}
			/**
			 * 重新计算并显示列任务底部统计计数
			 * @param  {[type]} flag [列分类标签]
			 * @return {[type]}      [description]
			 */
			function reCalcTask(flag) {
				var donelen = $('.list-' + flag + ' .done .kanban-Item-container').length;
				var doinglen = $('.list-' + flag + ' .doing .kanban-Item-container').length;
				var total = currTasks.length;
				var data = '任务:' + donelen + "/" + (doinglen + donelen) + "  共:" + total + "个";
				$(".list-" + flag).find(".footer span").html(data);
			}
			/**
			 * 初始化任务点击事件, 点击完成或取消完成.
			 * @return {[type]} [description]
			 */
			function initTaskClick() {
				$(".kanban-main-warp").on("click", ".left", function(evt) {
					var done = $(this).find(".checked").length > 0;
					var taskid = $(this).parent().attr("data-id");
					setTaskById(taskid, !done);
					evt.stopPropagation();
				})
				$(".kanban-main-warp").on("click", ".kanban-card-container", function() {
					// $(".kanban-card-container").on("click", function() {
					$(".kanban-card-container .header").removeClass("active");
					$(this).find(".header").addClass("active");
					// console.log();
				})

			}
			/**
			 * 通过任务id,设置任务状态.
			 * 主要是任务完成,或取消完成修改状态使用. 
			 * @param {[type]} taskid [description]
			 * @param {[type]} state  [description]
			 */
			function setTaskById(taskid, state) {
				var task = tasksDic[taskid];
				var item = $(".task-" + taskid);
				var parent = $(item).parent();
				var taskStr = "";
				var isdone = task.tags["done"] != undefined;
				if(isdone == state) {
					return;
				}
				var tar_per;
				if(!state) {
					taskStr = listliStr.format(task.id, task.id + "." + task.title);
					tar_per = parent.parent().find(".doing");
					delete task.tags["done"];
				} else {
					taskStr = listliStr_done.format(task.id, task.id + "." + task.title);
					tar_per = parent.parent().find(".done");
					task.tags["done"] = moment().format("YY-MM-DD hh:mm");
				}
				item.appendTo(tar_per);
				$(item).replaceWith(taskStr);
			}

			function resetTaskli(item, check) {
				// return;
				var taskid = $(item).attr("data-id");
				var task = tasksDic[taskid];
				var parent = $(item).parent();
				var taskStr = "";
				var isdone = task.tags["done"] != undefined;
				if(!parent.hasClass("unsort")) { //不是收纳箱
					if(!isdone) {
						taskStr = listliStr.format(task.id, task.id + "." + task.title);
					} else {
						taskStr = listliStr_done.format(task.id, task.id + "." + task.title);
					}
				} else {
					taskStr = liStr.format(task.id, task.id + "." + task.title);
				}
				$(item).replaceWith(taskStr);
				if(check) { //已完成的任务拖动后,需要改变已完成区域.
					var tar_per;
					if(isdone && parent.hasClass("doing")) { //已完成任务在执行区
						tar_per = parent.parent().find(".done");
						$(".task-" + taskid).prependTo(tar_per);
					} else if(!isdone && parent.hasClass("done")) {
						tar_per = parent.parent().find(".doing");
						$(".task-" + taskid).prependTo(tar_per);
					}
					console.log(task);
				}
				// console.log(item,$(item).parent().hasClass("doing"),$(item).parent().hasClass("unsort"));
			}

			function initLiclick() {
				$('#storageUlDiv .ui-sortable').on("click", "li", function(evt) {
					listen_tar = $(this);
					// $(this).appendTo( $('.'+ 'idea' +' .normal') );
				})
			}

			//      $('#storageAddBtn2').click(function() {
			//          // doTaskFlag('dev');
			//          for (var i = 0; i <= TagCols.length - 1; i++) {
			//              var tag = TagCols[i];
			//              doTaskFlag(tag);
			//          };
			//          var str = task2log(proArr);
			//          console.log(str);
			//          // console.log(tasklis);
			//      })

			function doTaskFlag(flag) {
				var tasklis = $('.list-' + flag + ' .kanban-Item-container');
				var taskliItem, task;
				for(var i = tasklis.length - 1; i >= 0; i--) {
					taskliItem = $(tasklis[i]);
					var taskid = taskliItem.attr("data-id");
					task = tasksDic[taskid];
					task.tags = _.omit(task.tags, TagCols);
					task.tags[flag] = "";
					// console.log(task.tags);
				};
			}

			function showDrag( /**Event*/ evt) {
				$('#storageUlDiv .ui-sortable ').addClass("dragArea");
				$('#left-box-container2 .ui-sortable ').addClass("dragArea");
				$('.today .normal').addClass("dragArea");
			}

			function hideDrag( /**Event*/ evt) {
				$('#storageUlDiv .ui-sortable ').removeClass("dragArea");
				$('#left-box-container2 .ui-sortable ').removeClass("dragArea");
				$('.today .normal').removeClass("dragArea");
			}

			function initSortable() {
				Sortable.create($('#storageUlDiv .ui-sortable ')[0], {
					ghostClass: ".dragArea",
					animation: 150,
					scrollSensitivity: 50,
					group: "task",
					onAdd: function( /**Event*/ evt) {
						resetTaskli(evt.item);
					},
					onStart: showDrag,
					onEnd: hideDrag
				});
				Sortable.create($('#left-box-container2 .ui-sortable ')[0], {
					ghostClass: ".dragArea",
					animation: 150,
					scrollSensitivity: 50,
					group: "task",
					onAdd: function( /**Event*/ evt) {
						resetTaskli(evt.item);
					},
					onStart: showDrag,
					onEnd: hideDrag
				});

			}

			$('.today .normal').on("click", ".taskItem .ItemLeft", function(e) {
				var taid = $(this).index();
				var item = $('.today .normal li').eq(taid);
				item.toggleClass("finishedItem");
				item.find("span").toggleClass("checked");
				// item.addClass("finishedItem");
				// item.find("span").addClass("checked");
				// item.appendTo(".today .finished");
				console.log("done");
				e.stopPropagation();
			})

			// $('.today .finished').on("click", ".taskItem .ItemLeft", function(e) {
			//     var taid = $(this).index();
			//     var item = $('.today .finished li:not(".fixLi")').eq(taid);
			//     item.removeClass("finishedItem");
			//     item.find("span").removeClass("checked");
			//     item.appendTo(".today .normal");
			//     console.log("cancle done");
			//     e.stopPropagation();
			// })

			$('#storageUlDiv .ui-sortable li,.time li,.people li,.flag li,.repeat li').click(function(evt) {

				var item = this;
				itemAni(item);
				// console.log("click");
				evt.stopPropagation();
			});
			$('.today li').click(function(evt) {
				var item = this;
				itemAni(item);
			});

			function itemAni(item) {
				$(item).removeClass("animated bounceIn");
				setTimeout(function() {
					$(item).addClass("animated bounceIn");
				}, 10);
			}
			var listen_tar = null;
			$('.time,.people,.flag,.repeat').click(function(evt) {
				// console.log(12);
				var item = $(evt.currentTarget).find(".item_select");
				var has = (item && item.length > 0) ? true : false;
				$('.time,.people,.flag,.repeat').find(".borderBox").removeClass("item_select");
				listen_tar = null;
				if(!has) {
					$(this).find(".borderBox").toggleClass("item_select");
					listen_tar = evt.currentTarget;
				}
			})

			// ---------键盘快捷键
			var taskIndex = -1;
			var selectType = 1; // 1: today任务 0:待办区收纳箱

			function onTaskkey(evt) {
				var tasks;
				if(evt.key == "ArrowLeft") {
					if(selectType != 0) {
						taskIndex = 0;
					}
					selectType = 0;
				} else if(evt.key == "ArrowRight") {
					if(selectType != 1) {
						taskIndex = 0;
					}
					selectType = 1;
				}
				$('.today .normal li .taskItem').removeClass("taskSelect");
				$('#storageUlDiv .ui-sortable li .taskItem').removeClass("taskSelect");
				if(selectType == 1) {
					tasks = $('.today .normal ').find('li:not(".fixLi")');
				} else {
					tasks = $('#storageUlDiv .ui-sortable li');
				}
				if(evt.key == "ArrowDown") {
					taskIndex++;
					taskIndex = Math.min(taskIndex, tasks.length - 1);
				} else if(evt.key == "ArrowUp") {
					taskIndex--;
					taskIndex = Math.max(taskIndex, 0);
				}
				var item = tasks.eq(taskIndex);
				var has = (item && item.length > 0) ? true : false;
				if(has) {
					item.find(".taskItem").addClass("taskSelect");
					item.click();
				}
				// console.log(evt.type, evt.key, taskIndex, tasks.length);
			}
			// $('#storageUlDiv .ui-sortable ')
			function onhotkey(evt) {
				if(evt.keyCode < 96) { //只有小键盘触发有效.
					return;
				}
				console.log(evt.type, evt.key, evt.keyCode);
				if(listen_tar == null) {
					console.log("未选中", evt.type, evt.key);
					return;
				}
				var index = parseInt(evt.key);
				index = index == 0 ? 10 : index - 1;
				var tarUl = $(".dayViewQuad4 div").eq(index).find(".normal");
				// var item = $(listen_tar).find(".normal li").eq(index);

				var tag = TagCols[index];
				if(!tag) {
					console.log("error key index:", index)
				}
				// listen_tar.appendTo( $('.'+ tag +' .normal') );
				var taskid = $(listen_tar).attr("data-id");
				var task = tasksDic[taskid];
				if(task.tags["done"] == undefined) {
					listen_tar.prependTo($('.list-' + tag + ' .doing'));
				} else {
					listen_tar.prependTo($('.list-' + tag + ' .done'));
				}
				// console.log(task);

				resetTaskli(listen_tar, false);
				listen_tar = null;
				return false;
			}

			jQuery(document).bind('keydown.1', onhotkey);
			jQuery(document).bind('keydown.2', onhotkey);
			jQuery(document).bind('keydown.3', onhotkey);
			jQuery(document).bind('keydown.4', onhotkey);
			jQuery(document).bind('keydown.5', onhotkey);
			jQuery(document).bind('keydown.6', onhotkey);
			jQuery(document).bind('keydown.7', onhotkey);
			jQuery(document).bind('keydown.8', onhotkey);
			jQuery(document).bind('keydown.9', onhotkey);
			jQuery(document).bind('keydown.0', onhotkey);

			jQuery(document).bind('keydown.left', onTaskkey);
			jQuery(document).bind('keydown.up', onTaskkey);
			jQuery(document).bind('keydown.right', onTaskkey);
			jQuery(document).bind('keydown.down', onTaskkey);

			var m = $('#xx li').size();
			var ml = m * 40;
			$('#timeTab').width(ml);
			$('#hl-switch').css({
				'width': '80px',
				'left': ml + 'px'
			});
			$('#menu-show').css({
				'left': ml + 50 + 'px'
			})
			$('.type_filter.switch3Ul').css({
				'left': ml + 35 + 'px'
			});
			var kh = $('.kanban-main-warp .addCard').height();
			$('.kanban-main-warp .addCard').css('padding-top', kh * 42 / 100 + 'px');

			$('#storageAddInput').focus(function() {
				window.activeobj = this;
				/*    var t=parseInt($('#storageUlDiv').css('top'));*/
				this.clock = setInterval(function() {
					activeobj.style.height = activeobj.scrollHeight + 'px';
					var ht = 100 + activeobj.scrollHeight;
					if(ht > 180) {
						return;
					}
					$('#storageUlDiv').css('top', ht);
					console.info(activeobj.scrollHeight);
				}, 200);
				$(this).blur(function() {
					clearInterval(this.clock);
				});
			});

			//  显示隐藏任务详情
			$('body').on('dblclick', '.kanban-item-warp li', function() {
				var taskId = $(this).attr('data-id');
				var taskObj = tasksDic[taskId];
				if(!taskObj) {
					return;
				}
				$('.task-detail-container .header input').val(taskObj.title)
				$('.task-detail-container .toolbox-drop-file-tip p').html(taskObj.desc)

				var secondTask = taskObj.tasks;
				secondTask.unshift({
					"type": taskObj.type,
					"title": taskObj.title,
					"desc": taskObj.desc,
					"tags": taskObj.tags
				})
				var taskText = '';
				for(var i = 0; i < secondTask.length; i++) {
					taskText += `<li><div class="check"><span class="diyCheckbox checked"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i><div class="checkTail"></div></span></div>
                    <input type="text" value="${i+1}、${secondTask[i].title}"><div class="operate"><div><span class="icon-insert_invitation setDate" title="设置日期"></span>
                    </div><div><i class="icon-person" title="添加成员"></i></div></div></li>`

				}
				$('.task-detail-container .childTask li:not(:last-child)').remove();
				$('.task-detail-container .addChildTask').before(taskText)
				$('.task-detail-container').show()
				$('.task-detail-container').animate({
					right: '0px'
				}, 300)
				$('.kanban-main-warp .kanban-main-container').animate({
					right: '360px'
				}, 300)
			})
			$('body').on('click', '.task-detail-container .close', function() {
				$('.task-detail-container').animate({
					right: '-400px'
				}, 300)
				$('.kanban-main-warp .kanban-main-container').animate({
					right: '70px'
				}, 300)
			})
			//领取按钮
			$('body').on('mouseenter', '.kanban-Item-container', function() {
				$(this).find('.receive-btn').show()
			})
			$('body').on('mouseleave', '.kanban-Item-container', function() {
				$(this).find('.receive-btn').hide();
			})
			//顶部项目和成员切换
			$('#hl-switch input').on('change', function() {
				var hasChecked = $(this).prop('checked');
				if(hasChecked) {
					$('.projectList').hide();
					$('.memberlist').show();
					//  		$('#menu-show').show();
					//  		$('.type_filter.switch3Ul').css({ 'left': ml + 106 + 'px' });
				} else {
					$('.projectList').show();
					$('.memberlist').hide();
					//  		$('#menu-show').hide();
					//  		$('.type_filter.switch3Ul').css({ 'left': ml + 35 + 'px' });
				}
			})
			$('#menu-show').click(function() {
				$(this).hide();
				$('.projectList').show();
				$('.memberlist').hide();
				//  	$('#hl-switch input').prop('checked',false);
				$('.type_filter.switch3Ul').css({
					'left': ml + 35 + 'px'
				});
			})
			$('.projectList').on('click', 'li', function() {
				$('.projectList').hide();
				$('.memberlist').show();
				$('#menu-show').show();
				//		$('#hl-switch input').prop('checked',true);
				$('#menu-show li:last-child').html($(this).html().trim())
				$('.type_filter.switch3Ul').css({
					'left': ml + 106 + 'px'
				});
			})
			$('.inUl.prolist').on('click', 'li', function() {
				$(this).addClass('active').siblings().removeClass('active')
			})
			//添加子任务
			$('body').on('keyup', '.addChildTask input', function(e) {
				var text = $(this).val();
				var index = $('.childTask li').length;
				if(e.keyCode == 13) {
					if(!text) {
						return;
					}
					var taskText = '<li><div class="check"><span class="diyCheckbox checked"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i><div class="checkTail"></div></span></div>' +
						'<input type="text" value="' + index + '、' + text + '"><div class="operate"><div><span class="icon-insert_invitation setDate" title="设置日期"></span>' +
						'</div><div><i class="icon-person" title="添加成员"></i></div></div></li>'
					$('.childTask .addChildTask').before(taskText)
				}
			})
			//任务详情发送留言
			$('body').on('click', '.comment .edit-area .icon-send', function() {
				var text = $('.comment .edit-area .second input').val();
				if(!text) {
					return;
				}
				var commentText = `<li class="comment-item comment">
                            <div class="left">
                                <img src="https://rishiqing-avatar.oss-cn-beijing.aliyuncs.com/_small_avatar155568.png" title="姜禄建" alt="">
                            </div>
                            <div class="right">
                                <div class="top">
                                    <span class="name">姜禄建</span>
                                    <i class="icon-star_outline star"></i>
                                    <span class="date">02月03 19:50</span>
                                    <span class="operate">
    								<span class="delete">删除</span>
                                    </span>
                                </div>
                                <div class="bottom">
                                    <div class="content">
                                        ${text}
                                    </div>
                                    <ul class="fileList">
                                    </ul>
                                </div>
                            </div>
                            <div style="clear: both"></div>
                        </li>`;
				$('.comments-container').append(commentText)
			})
			//收纳箱添加任务
			$('body').on('click', '#storageAddBtn2', function() {
				var title = $('#storageAddInput').val();
				var liLength = $('#storageUlDiv ul li').length;
				if(!title) {
					return;
				}
				var liText = `<li class="kanban-Item-container task-24 animated tooltipstered" data-id="${liLength+1}" draggable="false"><div class="left"><div class="checkboxContainer"><span class="diyCheckbox" style="cursor: pointer;"><i class="icon-check_box_outline_blank blank"></i><i class="icon-check check"></i><div class="checkTail"></div></span></div></div><div class="right"><div class="row1"><span title="${liLength+1}、${title}" class="kanban-item-title">${liLength+1}、${title}</span></div><div class="dateNode node"></div></div></li>`;

				$('#storageUlDiv ul').append(liText)
			})
			//  日期选择
			var datePicker = new Vue({
				el: '#datePicker',
				data: {
					dateMonth: new Date()
				}
			});
            // $.get("z39timelog.tlog", function(data) {
            //     var proArr = parseTlog(data)
            //     console.log(proArr)
            // });
            var dayobj ;
            $.get("7-11.tlog", function(data) {
                var proArr = parseTlog(data)

                //dayobj = getDayMDobj(proArr) ;
                //console.log( dayobj ) ;

                // $.ajax({
                //     url: 'http://thinkido.tunnel.qydev.com/api/z39projects',
                //     type: 'POST',
                //     contentType:"application/json",
                //     dataType:"json",
                //     data: JSON.stringify({projlist:proArr}),
                //     success: function(data) {
                        
                //         console.log(data);
                //     }
                // });
                
                // 测试添加任务.
                // proArr[0].tasks[0] ;
                // $.ajax({
                //     url: 'http://thinkido.tunnel.qydev.com/api/z39task',
                //     type: 'POST',
                //     contentType:"application/json",
                //     dataType:"json",
                //     data: JSON.stringify(proArr[0].tasks[0]),
                //     success: function(data) {
                        
                //         console.log(data);
                //     }
                // });
                console.log(proArr) ;
            });
			//快捷键关闭任务详情
			var showAddHideBox=function(action){
				if(action=='hide'){
					$('#mainContent .container-left-content').animate({
						width:'50px',
					},300,function(){
						$('.container-left-content .show-box').show();
					})
					$('#mainContent .container-right').animate({
						left:'50px',
					},300)
					$('.container-left-content').removeClass('active')
				}else if(action=='show'){
					$('#mainContent .container-left-content').animate({
						width:'311px',
					},300,function(){
						$('.container-left-content .show-box').hide();
					})
					$('#mainContent .container-right').animate({
						left:'311px',
					},300)
					$('.container-left-content').addClass('active')
				}
			}
			$(window).on('keyup',function(e){
				if(e.keyCode==27){
					var index=$('#xx li.active').index()
					$('.task-detail-container').animate({
						right: '-400px'
					}, 300)
					if(index<4){
						$('.kanban-main-warp .kanban-main-container').animate({
							right: '70px'
						}, 300)
					}else{
						$('.kanban-main-warp .kanban-main-container').animate({
							right: '0px'
						}, 300)
					}
				}else if(e.keyCode==16){
					if($('.container-left-content').hasClass('active')){
						showAddHideBox('hide')
					}else{
						showAddHideBox('show')
					}
				}
			})
			//缩小收纳箱
			$('.container-left-content').on('click','.storageBox .hide-box',function(){
				showAddHideBox('hide')
			})
			$('.container-left-content').on('click','.show-box',function(){
				showAddHideBox('show')
			})
			$('body').on('click','.diyCheckbox',function(){
				$(this).toggleClass('checked')
			})
			var header=new Vue({
				el:'#storageBox',
				data:{
					taskTab: 'first'
				},
				methods:{
					tabClick:function(){
						if(this.taskTab=='first'){
							$('#left-box-container1').show();
							$('#left-box-container2').hide();
						}else{
							$('#left-box-container1').hide();
							$('#left-box-container2').show();
						}
					}
				}
			})
//			var Main = {
//			    data () {
//			      return {
//			        //checkList: ['选中且禁用','复选框 A']
//			      };
//			    }
//			  };
//			var Ctor = Vue.extend(Main);
//			new Ctor().$mount('#mainContent')
			
		</script>
	</body>

</html>